<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@include file="/inner/head.jsp"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
</head>
<script>
	function gotoPage(totalPage){
		$("#pageNo").val(totalPage);
		$("#initPageNo").val(false);
		$("form").submit();
	}
	$(document).ready(function() {
		if(${pagedata.totalPage>1}){
			$("#st"+${pagedata.currentPage}).css("font-weight", "bold"); 
			$("#st"+${pagedata.currentPage}).css("font-size", "16px"); 
		}
  	});
</script>
<body>
  <div class="pagination" style="font-weight: normal;">
    <c:if test="${pagedata.totalPage>1}">
	  <span onclick="firstPage();" style="cursor: pointer;font-weight: bold;" title="">&lt;&lt;</span>&nbsp;
	  <span onclick="prePage();" style="cursor: pointer;font-weight: bold;" title="Previous">Previous</span>
	  <input type="hidden" id="initPageNo" name="page.initPageNo" value="true" />
	  <input id="pageNo" name="pageNo" type="hidden" value="${pagedata.currentPage }"/>
	  <span id="totalPageID" style="display: none;">${pagedata.totalPage }</span>
	  <c:set value="1" var="str"/>
	  <c:set value="1" var="stri"/>
	  <c:forEach begin="1" end="${pagedata.totalPage}" varStatus="st">
		<a id="st${st.index}" href="javascript:gotoPage(${st.index});" style="color: #89140e;">${st.index}&nbsp;&nbsp;</a>
	  </c:forEach>
	  <span onclick="nextPage();" style="cursor: pointer;font-weight: bold;" title="Next">Next</span>&nbsp;
	  <span onclick="lastPage();" style="cursor: pointer;font-weight: bold;" title="">&gt;&gt;</span></div>
  	</c:if>	
  </div>		
</body>

